<template>
	<view class="content">
		<lxc_nav :text="this.$t('all.w2')" right='icon'>
			<view class="icon" slot='icon'>
				<image src="../../static/my/jl.png" mode=""></image>
				<text>{{$t('all.x2')}}</text>
			</view>
		</lxc_nav>
		<view id="box">
			<view class="language" @click="chinese" >
				<view class="language_view">
					
				</view>
				<text class="language_text1" style="margin-left: 20rpx;">USDT(TRC20)</text>
				<text class="language_text2">{{$t('all.y2')}}</text>
				<image src="../../static/my/gd.png" mode="" ></image>
			</view>
		</view>
		<view class="inp">
			<text style="display: block;"> <image src="../../static/my/dz.png" mode=""></image>  {{$t('all.z2')}}</text>
			<input type="number"  placeholder-style="font-size:30rpx;color:rgba(150, 200, 250, 1);" :placeholder="$t('all.a3')" value="" />
		
		</view>
		<view class="inp" id="code_login">
			<text style="display: block;"> <image src="../../static/my/sl.png" mode=""></image>  {{$t('all.b3')}}</text>
			<input type="password" placeholder-style="font-size:30rpx;color:rgba(150, 200, 250, 1);" :placeholder="$t('all.c3')" value="" />
			<view id="code" > {{$t('all.d3')}}</view>
		</view>
		<view class="but">
			<button type="default"> {{$t('all.w2')}}</button>
		</view>
		<view class="footer">
			 {{$t('all.e3')}}
		</view>
		
		
		
		
	</view>
</template>

<script>
	import lxc_nav from '../../components/nav.vue'
	export default {
		components: {
			lxc_nav
		},
		data() {
			return {
				ch:1,
				en:0,
			}
		},
		onLoad() {

		},
		methods: {
		chinese(){
			this.ch=1,
			this.en=0
		},
		english(){
			this.ch=0,
			this.en=1
		}
		}
	}
</script>

<style lang="scss" scoped>
	#box {
		position: relative;
		// color: $u-content-color;
		width: 100vw;
		overflow: hidden;
		margin-top: 88rpx;
		margin-bottom: 70rpx;
	}
	.icon image{
		width: 22rpx;
		height: 26rpx;
		position: relative;
		top: 4rpx;
		margin-right: 10rpx;
	}
	.content{
		overflow: hidden;
	}
	.language{
		width: 92vw;
		height: 90rpx;
		margin-left: 4vw;
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #333333;
		line-height: 90rpx;
		position: relative;
		border-bottom:1px solid #E0E0E0;
		display: flex;
	}
	.language_view{
		width: 8rpx;
		height: 28rpx;
		background: #1989FA;
		border-radius: 4rpx;
		position: absolute;
		top: 50%;
		margin-top: -14rpx;
	}
	.language_text1{
		font-size: 30rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #333333;
	}
	.language_text2{
		font-size: 30rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #333333;
		position: absolute;
		right: 30rpx;
	}
	.language image{
		width: 14rpx;
		height: 24rpx;
		position: absolute;
		top: 50%;
		right: 0rpx;
		margin-top: -10rpx;
	}
	.inp {
		padding-left: 5vw;
		position: relative;
		top: -4vh;
	
	}
	
	.inp text {
		font-size: 36rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #333333;
		margin-left: 5px;
	}
	
	input {
		width: 90vw;
		height: 88rpx;
		background: #F2F9FF;
		border: 1rpx solid #f4f4f4;
		box-shadow: 0px 2rpx 24rpx 0px rgba(0, 0, 0, 0.09);
		border-radius: 20rpx;
		margin-top: 10px;
		margin-bottom: 10px;
		text-indent: 20px;
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: 500;
		
	}
	
	
	#code_login {
		position: relative;
	}
	
	#code {
		width: 170rpx;
		height: 56rpx;
		background: linear-gradient(90deg, #1989FA, #19C2FA);
		box-shadow: 0px 2rpx 24rpx 0px rgba(25, 137, 250, 0.4);
		border-radius: 32rpx;
		line-height: 56rpx;
		text-align: center;
		color: #FFFFFF;
		font-size: 28rpx;
		position: absolute;
		right: 6vw;
		top: 50%;
		margin-top: 5rpx;
		width: 100rpx;
		height: 50rpx;
		background: #1989FA;
		border-radius: 10rpx;
	}
	
	.but button {
		width: 90vw;
		height: 92rpx;
		background: linear-gradient(90deg, #1989FA, #19C2FA);
		box-shadow: 0px 2px 24px 0px rgba(25, 137, 250, 0.4);
		border-radius: 46px;
		color: #FFFFFF;
		font-size: 40rpx;
		line-height: 92rpx;
		background: #1989FA;
		border-radius: 10rpx;
		font-size: 30rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #FFFFFF;
	}
	.inp image{
		width:28rpx ;
		height: 28rpx;
		position: relative;
		top: 4rpx;
		margin-right: 10rpx;
	}
	.inp text{
		font-size: 30rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #333333;
	}
	.footer{
		width: 90vw;
		margin-left: 5vw;
		font-size: 24rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #999999;
		line-height: 36rpx;
		margin-top: 62rpx;
		
	}
</style>
